<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工作台消息</title>
    <style>
        table{
            table-layout: fixed;
        }
            th{
                text-align:left;
                height: 10px;
            }
    </style>
</head>
<body>
<div id="app">
    <table border="0" width="100%" cellspacing="20">
        <tr >
            <td>
                <table  style="height: 100px ;width:100%;border: 0px solid #000000 " align="center" >
                    <tr bgcolor="#00bfff" >
                        <th colspan="2">今日信息 </th>
                    </tr>
                    <tr><td >今日预约人数：{{workbench.todayOrderNumber}}</td>
                        <td >今日评估人数：{{workbench.todayAssessmentNumber}}</td></tr>
                    <tr><td >今日未执行：{{workbench.todayNonExecution}}</td></td>
                        <td >今日已执行：{{workbench.todayExecuted}}</td></tr>
                </table>
            </td>
            <td>
                <table  border="0" style="height: 100px ;width:100%;border: 0px solid #000000 " align="center">
                    <tr bgcolor="#00bfff" ><th colspan="3">汇总 </th> <th colspan="1" bgcolor="aqua" ><a href="report_business.html">详情</a> </th></tr>
                    <tr><td >预约人数：{{workbench.totalOrderNumber}}</td>
                        <td >评估人数：{{workbench.totalAssessmentNumber}}</td></tr>
                    <tr><td >未执行：{{workbench.totalNonExecution}}</td>
                        <td >已执行：{{workbench.totalExecuted}}</td>
                    </tr>
                </table>
            </td>
        </tr>

        <tr >
            <td>
                <table  border="0" style="height: 180px ;width:100%;border: 0px solid #000000 " align="center">
                    <tr bgcolor="#00bfff" ><th colspan="4">平台概况 </th></tr>
                    <tr><td ><img src="../img/111.png" width="100%"></td>
                        <td ><img src="../img/222.png" width="100%"></td>
                        <td ><img src="../img/333.png" width="100%"></td>
                        <td ><img src="../img/444.png" width="100%"></td>
                    </tr>
                    <tr align="center">
                        <td >{{workbench.questionnaire}}份</td><!--评估问卷-->
                        <td >{{workbench.totalOrderNumber}}人</td><!--预约人数-->
                        <td >{{workbench.scheme}}份</td><!--干预方案-->
                        <td >{{workbench.trace}}人</td><!--干预追踪-->

                    </tr>
                </table>
            </td>
            <td>
                <table  border="0" style="height: 180px ;width:100%;border: 0px solid #000000 " align="center">
                    <tr bgcolor="#00bfff" ><th colspan="3">会员统计 </th><th colspan="1" bgcolor="aqua" ><a href="report_member.html">详情</a> </th></tr>
                    <tr><td ><img src="../img/2111.png" width="100%"></td>
                        <td ><img src="../img/2222.png" width="100%"></td>
                        <td ><img src="../img/2333.png" width="100%"></td></tr>
                    <tr align="center">
                        <td >{{workbench.todayNewMember}}人</td><!--今日新增会员-->
                        <td >{{workbench.todayLoginMember}}人</td><!--今日登陆会员-->
                        <td >{{workbench.totalMember}}人</td><!--会员总数--></tr>
                </table>
            </td>
        </tr>
        <tr >
            <td colspan="2"  rowspan="2">
                <table border="0" style="height: 230px ;width:100%;border: 0px solid #000000 " align="center">
                    <tr bgcolor="#00bfff">
                        <th>健康系统流程图</th>
                    </tr><tr><td><img src="../img/u522.png" ></td></tr>
                </table>
            </td>
        </tr>
        <tr>
        </tr>
    </table>
</div>
</body>
<link href="../plugins/elementui/index.css" rel="stylesheet">
<script src="../js/vue.js" type="text/javascript"></script>
<script src="../plugins/elementui/index.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script src="../js/axios-0.18.0.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            workbench:{
                todayOrderNumber:0,/*今日预约人数*/
                todayAssessmentNumber:0,/*今日评估人数*/
                todayNonExecution:0,/*今日未执行*/
                todayExecuted:0,/*今日已执行*/
                totalOrderNumber:0,/*预约人数*/
                totalAssessmentNumber:0,/*评估人数*/
                totalNonExecution:0,/*未执行*/
                totalExecuted:0,/*已执行*/
                questionnaire:0,/*评估问卷*/
                scheme:0,/*干预方案*/
                trace:0,/*干预追踪*/
                todayNewMember:0,/*今日新增会员*/
                todayLoginMember:0,/*今日登陆会员*/
                totalMember:0,/*会员总数*/
            }
        },
        /*钩子函数，VUE对象初始化完成后自动执行*/
        created(){
            axios.get('/workbench/getMessage.do').then( ref=>{
                if (ref.data.flag) {
                    this.workbench=ref.data.data;
                    this.$message.success(ref.data.message)
                }else {
                    this.$message.error(ref.data.message)
                }
            })
        },

    });

</script>
</html>